﻿<%@ Page Title="预订酒店详情" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    Inherits="Wjtour.Web.Front.hotelview" %>


<%@ Import Namespace="Wjtour.Domain" %>
<%@ Import Namespace="Wjtour.Common" %>
<%@ Import Namespace="TongCheng.API.OpenAPI" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <!-[if IE 6]>
    <script language="javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script src="/js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <script>
        DD_belatedPNG.fix('.item,background');
    </script>
    <![endif]->
    <script language="javascript">
        $(document).ready(function () {
            $('#myTab a:first').tab('show');
            $('#mytab a').click(function (e) {
                e.preventDefault();
                $(this).tab('show');
            });
        });
        // 搜索框切换
        var pagesearch = (function (i) {
            $('.st').css('display', 'none');
            $('.st' + i).css('display', 'block');
            var src = $('#searchtitle').attr('src');
            if (i == '0') {
                $('#searchtitle').attr('src', src.replace('12', '11'));
            } else {
                $('#searchtitle').attr('src', src.replace('11', '12'));
            }
        });
        $(function () {
            $('.day').focus(function () {
                WdatePicker();
            });

            $('.date').focus(function () {
                WdatePicker({ dateFmt: 'yyyy-MM-dd' });
            });
        })
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">

    <!--页主体-->
    <div class="ipage scenicpage">

        <div class="ticketsider">
            <div class="searchtab">
                <img src="css/images/title11.png" border="0" id="searchtitle" usemap="#Map" />
                <map name="Map" id="Map">
                    <area shape="rect" coords="3,5,132,34" href="javascript:void(0);" onclick="pagesearch(0);" />
                    <area shape="rect" onclick="pagesearch(1);" coords="132,5,297,46" href="javascript:void(0);" />
                </map>
                <div class="st0 st">
                    <div class="scenicnames">景点名称 &nbsp;
                        <asp:TextBox ID="txtSceneryName" runat="server" Width="160" /></div>
                    <div class="scenicbtn">
                        <asp:Button ID="scenerySearch" runat="server" Text="搜索" /></div>
                    <div class="hotscenic">
                        <span>热门景点推荐</span>
                        <a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a><a href="#">同里镇</a>
                    </div>
                </div>
                <div class="st1 st">
                    <div class="scenicnames">入住日期 &nbsp;
                        <asp:TextBox ID="txtComeDate" runat="server" CssClass="startdate date" Width="160" /></div>
                    <div class="scenicnames">离店日期 &nbsp;
                        <asp:TextBox ID="txtLeaveDate" runat="server" CssClass="startdate date" Width="160" /></div>
                    <div class="scenicnames">酒店位置 &nbsp;
                        <asp:TextBox ID="txtLocation" runat="server" CssClass="" Width="160" /></div>
                    <div class="scenicnames">酒店名称 &nbsp;
                        <asp:TextBox ID="txtHotelName" runat="server" CssClass="" Width="160" /></div>
                    <div class="scenicbtn">
                        <asp:Button ID="hotelSearch" runat="server" Text="搜索" /></div>

                </div>
            </div>
        </div>

        <!-- 浮动块 -->
        <div class="scenicleft scenicdetailleft">
            <div class="path dpath">您所在的位置：<a href="/">首页</a> &gt; 在线预订 &gt; 酒店预订 &gt; 同里大酒店 </div>
            <h1><%=hotel.hotelName %></h1>
            <div class="scenicinfo">
                <img src="css/images/tmp07.png" />
                <ul>
                    <li>酒店星级：<span><%=hotel.starRated.starRatedName %></span></li>
                    <li>开业时间：<%=hotel.openingDate %></li>
                    <li>装修时间：<%=hotel.decoDate %></li>
                    <li>酒店地址：<%=hotel.street %><%=hotel.streetAddr %></li>
                </ul>
            </div>
            <div class="clear" style="height: 20px;"></div>
            <!-- 详细内容 -->
            <ul class="nav nav-tabs" id="myTab">
                <li class="active"><a href="#scenicticket" data-toggle="tab">酒店介绍</a></li>
                <li><a href="#scenicimg" data-toggle="tab">美图欣赏</a></li>
                <li><a href="#scenictraffic" data-toggle="tab">交通地图</a></li>
            </ul>

            <div class="tab-content">
                <!--tab2-->
                <div class="tab-pane active" id="scenicticket">
                    <div class="intitle">
                        房型预订
							<span>
                                <table>
                                    <tr>
                                        <td valign="top">入住日期：</td>
                                        <td>
                                            <asp:TextBox ID="txtComeDate2" Text="" CssClass="littletext" runat="server" />
                                            &nbsp; </td>
                                        <td valign="top">离店日期：</td>
                                        <td>
                                            <asp:TextBox ID="txtLeaveDate2" Text="" CssClass="littletext" runat="server" />
                                            &nbsp; </td>
                                        <td valign="top">
                                            <asp:Button ID="btnSearch2" runat="server" CssClass="littlebtn" Text="搜索" />
                                        </td>
                                    </tr>
                                </table>
                            </span>
                    </div>
                    <table class="tickettb">
                        <thead>
                            <tr>
                                <th width="204">房型</th>
                                <th width="121">网上均价</th>
                                <th width="81">早餐</th>
                                <th width="80">床型</th>
                                <th width="89">宽带</th>
                                <th width="75">&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>
                            <%if (hotelRoomInfoItems != null && hotelRoomInfoItems.Count > 0)
                              {
                                  foreach (var roominfo in hotelRoomInfoItems)
                                  {
                                      var ad = string.Empty;
                                      switch (roominfo.adsl)
                                      {
                                          case "0":
                                              ad = "无";
                                              break;
                                          case "1":
                                              ad = "有(全免)";
                                              break;
                                          case "2":
                                              ad = "有(部免)";
                                              break;
                                          case "3":
                                              ad = "有(全收)";
                                              break;
                                          case "4":
                                              ad = "有(部收)";
                                              break;
                                          default:
                                              break;
                                      }

                                      var policy = roominfo.pricePolicyList.Items[0];
                            %>
                            <tr>
                                <td class="td1"><%=roominfo.roomName %></td>
                                <td class="td3">￥<%=policy.avgAmount %></td>
                                <td><%=roominfo.breakfast%></td>
                                <td><%=roominfo.bed%></td>
                                <td><%=ad %></td>
                                <td class="td5">
                                    <a href="http://www.17u.cn/Yuding1.aspx?HotelId=<%=hotel.hotelId %>&RoomTypeId=<%=roominfo.roomTypeId %>&ComeDate=<%=comeDate %>&LeaveDate=<%=leaveDate %>&HotelType=Normal&YudingCode=&PolicyId=<%=policy.policyId %>" target="_blank" class="reserve">预订</a>
                                </td>
                            </tr>
                            <%}
                              }%>
                        </tbody>
                    </table>

                    <div class="intitle">酒店简介</div>
                    <div class="inwords">
                        <%=hotel.intro %>
                    </div>

                    <div class="intitle">设施</div>
                    <div class="inwords">
                        <%=hotel.facility %>
                    </div>

                    <div class="intitle">服务</div>
                    <div class="inwords">
                        <%=hotel.service %>
                    </div>
                </div>
                <!--tab1-->
                <div class="tab-pane" id="scenicimg">
                    <ul>
                        <%if (hotelImageItems != null && hotelImageItems.Count > 0)
                          {
                              foreach (var item in hotelImageItems)
                              {
                        %>
                        <li>
                            <div>
                                <span><a href="http://upload.17u.cn/hotel<%=item.imageUrl %>" data-lightbox="example-1" target="_blank">
                                    <img src="http://upload.17u.cn/hotel<%=item.imageUrl %>" /></a></span>
                            </div>
                            <%=item.imageName %></li>
                        <%}
                          } %>
                    </ul>

                </div>

                <!--tab3-->
                <div class="tab-pane" id="scenictraffic">
                    <!-- 地图 -->
                    <div id="maps">
                        <iframe width="650" height="323" scrolling="no" frameborder="0" src="map.aspx?type=hotelapi&id=<%=hotel.hotelId %>"></iframe>
                    </div>
                    <div class="traffic">
                        <%--  一、自驾车路线
                        <br />
                        1、连州到连州地下河自驾车路线
                        <br />
                        （1）连州到地下河约26公里。从连州出发沿永连公路(S114线)北上，于东陂镇右转2公里后到达。
                        <br />
                        2、广州到连州地下河自驾车路线<br />
                        （1）走广清高速至清远后转清连一级公路到连州，全程约260公里。<br />
                        3、佛山到连州地下河自驾车路线
                        <br />
                        （1）走广佛高速至广州转广清高速至清远后转清连一级公路到连州，全程约280公里。<br />
                        4、深圳到连州地下河自驾车路线
                        <br />
                        （1）走广深高速至广州转北二环高速，再接广清高速至清远后转清连一级公路到连州，全程约390公里。<br />
                        5、珠海到连州地下河自驾车路线
                        <br />
                        （1）走京珠高速至广州后转北二环高速，再接广清高速至清远后转清连一级公路到连州，全程约410公里。<br />
                        6、韶关到连州地下河自驾车路线
                        <br />
                        （1）走323国道往西可直达；或往北走京珠高速到坪石出口下，转107国道接清连一级到连州，全程约200公里。
                        <br />
                        7、衡阳到连州地下河自驾车路线
                        <br />
                        （1）走衡阳枣高速永连出口下，接永连公路(S114线)到达；或往南走京珠高速到坪石出口下，转107国道接清连一级到连州，全程约320公里。<br />
                        8、贺州到连州地下河自驾车路线
                        <br />
                        （1）走323国道往东到达连州，全程约142公里。 
                        <br />--%>
                    </div>
                </div>

            </div>

        </div>
        <!-- 侧面-->
        <div class="scenicright scenicdetailright" style="margin-top: 312px;">
            <img src="css/images/linecommend.png" />
            <div class="title"></div>
            <ul class="arlist">
                <%if (recommendLines != null && recommendLines.Count > 0)
                  {
                      for (var i = 0; i < recommendLines.Count; i++)
                      {
                          var line = recommendLines[i];
                %>

                <li><span></span><a href="traveldetail.aspx?id=<%=line.id %>" target="_blank"><%=line.title %></a></li>
                <%}
                  }%>
            </ul>

            <img src="css/images/guide.png" class="guide" />

            <h5>
                <img src="css/images/travelguide.png" />
                <span><a href="travelguide.aspx">MORE</a></span>
            </h5>
            <div class="title"></div>
            <%if (trafficGuides != null && trafficGuides.Count > 0)
              {
                  var first = trafficGuides.First();
            %>
            <div class="best">
                <%if (!string.IsNullOrEmpty(first.img))
                  { %>
                <img src="<%=first.img %>" />
                <%}
                  else
                  { %>
                <img src="css/images/tmp13.png" />
                <%} %>
                <div>
                    <h4><a href="traveldetail.aspx?id=<%=first.id %>" target="_blank"><%=first.title %></a></h4>
                    <span>作者：<%=first.author %></span>
                    <span class="goodnum">赞：<%=first.zan %></span>
                    <span class="readnum">浏览：<%=first.hits %></span>
                </div>
            </div>
            <ul class="arlist">
                <%for (var i = 1; i < trafficGuides.Count; i++)
                  {
                      var tg = trafficGuides[i];
                %>
                <li><span></span><a href="travelguideview.aspx?id=<%=tg.id %>" target="_blank"><%=tg.title %></a></li>
                <%} %>
            </ul>
            <%} %>
        </div>
        <div class="clear"></div>
    </div>
</asp:Content>

